@import "../constant.scss";
.Navigation-Wrapper{
    width:300px;
    border:1px solid transparent;
    height:300px;
    margin: auto;
    padding:40px 20px;
    background-color: $backgroundColor;
    ul{
        list-style-type :none;
        li{
            cursor: pointer;
            border:1px solid transparent;
            height:40px;
            margin:0 5px;
            line-height: 35px;
            text-align: left;
            padding:0 20px;
            color:$buttonColor;
            background-color: $navigationBackgroundColor;
            &:hover{
                background-color:$navigationHoverBackgroundColor;
                // color:$mattedSpanColor;
            }
        }
        li.active{
            background-color: $navigationActiveBackgroundColor;
        }
        .SVG-navigation {
            margin-right:10px;
        }
        .SVG-navigation,span{
            line-height: 25px;
            height:25px;
            display: inline-block;
            vertical-align: middle;
        }
    }
}